<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <meta charset="utf-8">
        <title>Busqueda Sencilla: El Juego de la Subasta</title>
        <meta name="description" content="Proyecto de Ingeniería del Software 2">
        <meta name="author" content="Grupo 9">
        <link rel="shortcut icon" href="img/images.ico"> 
        <!—[if lt IE 9]>
        <!--<script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>-->
        <![endif]—>
        <link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
        <style>
            body { padding-top: 60px; }
        </style>
        <link type="text/css" href="css/bootstrap.css" rel="stylesheet">
        <link type="text/css" href="css/subastas.css" rel="stylesheet">        
    </head>
    <body>
        <script type="text/javascript" src="js/libs/jquery-1.9.0/jquery.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <script type="text/javascript" src="http://localhost:6969/socket.io/socket.io.js"></script>
        <script type="text/javascript" src="js/interaccion_subastas.js"></script>
        
        <!--Cuenta atrás-->
        <script src="js/jquery.countdown.min.js"></script>
        
    <!-- Fixed navbar -->
    <div class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a id="wHome" class="navbar-brand" href="index.html">El Juego de la Subasta</a>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-left">
            <li id="wBuscarProducto" class="hidden"><a href="resultadoBusquedaProducto.html">Buscar Producto</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li id="wLogin"><a href="login.html">Login</a></li>
            <li id="wLogout" class="hidden"><a href="logout.html" onclick="logout()">Logout</a></li>
            <li id="wSignin"><a href="signin.html">Signin</a></li>
            <li id="wPerfil" class="hidden"><a href="perfil.html">Perfil</a></li>
            <li id="wOpciones" class="hidden"><a href="opciones.html">Opciones</a></li>
            <li id="wGestionUsuarios" class="hidden"><a href="gestionUsuarios.html">Gestión de Usuarios</a></li>
            <li id="wAltaProducto" class="hidden"><a href="altaProducto.html">Alta de Producto</a></li>
            <li id="wAltaUsuarioInterno" class="hidden"><a href="altaUsuarioInterno.html">Alta de Usuario Interno</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>
        
    
        <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class="container">
        <div class="jumbotron">
            <h1>Busqueda Sencilla</h1>
            <form id="formularioBusquedaSencilla">
                <div class="form-group">
                    <input name="dato" type="text" placeholder="Nombre del producto" class="form-control">
                </div>
                <button type="submit" class="btn btn-primary">Buscar</button>
            </form>
        </div>
        <div class="jumbotron">
            <h1>Resultado de la Búsqueda</h1>
            
            <div class="table-responsive table-hover">
                <table id="tablaProducto" class="table">
                    <thead>
                    <th>Nombre</th>
                    <th>Descripción</th>
                    <th>Imagen</th>
                    <th>Tiempo Restante o Puntos Necesarios</th>
                    <th>Fecha de Creación</th>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
        
        <footer>
            <p>&copy; JDLS Company 2013</p>
        </footer>
    </div>
      

 
    </body>
</html>
